/* CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}
html,body { font:10pt/1.6em 'Microsoft YaHei','SimSun',Arial,Sans-Serif;color:#111;}
input {line-height:1.6em;}
textarea {display: block;}
fieldset,img,iframe{border:0;}
a{text-decoration:none;color:#333;}
a,input,select,textarea{outline:none}
ul,ol,li,dl,dd,dt{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}

/** Common Style **/
.left{float:left;_display:inline;}
.right{float:right;_display:inline;}

.clear{clear:both;font-size:0px;line-height:0px;float:none;height:0px;overflow:hidden}
.clearfix{*zoom:1;}
.clearfix:after{content:"";display:block;clear: both;height: 0;overflow: hidden;}

.wrapper{width: 939px;margin:0 auto;}

.line,.linet,.line0{border-bottom: 1px #ddd solid;height: 0;overflow: hidden;margin-bottom:30px;padding-top:30px;}
.linet{margin-bottom:0;}
.line0{padding-top:0;line-height:30px;height: 30px;font-size:80%;color: #969696;}
.line2{padding-top:0;line-height:30px;height: 30px;font-size:80%;color: #969696;}
.line2{border-bottom: 1px #FFF solid;height: 0;overflow: hidden;margin-bottom:30px;padding-top:30px;}

.textright{text-align: right;}

input[type=text],input[type=password],
textarea{border:1px #ccc solid;padding:2px 5px;}
input[type=text]:hover,input[type=password]:hover,
textarea:hover{border-color: #aaa;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;}
input[type=text]:focus,input[type=password]:focus,
textarea:focus{border-color: #444;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;}

a:hover{color: #375cf2}

body:before{content: "";display: block;position: fixed;top:-10px;line-height: 10px;height: 10px;width:100%;box-shadow: 0px 0px 15px #999;z-index: 99999}

.ani,
.ani li,
.ani a{transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;-ms-transition: .5s;}

.icos .ico{float: left;width: 20%;height:18px;line-height:22px;background:url(../images/ico_sprite.png) left top no-repeat;cursor: pointer;}
.icos .ico span{display: block;margin-left: 18px;background:#fff;padding-left:0px;}
.icos a.icosupport{}
.icos a.icolike{background-position:-18px top }
.icos a.icocomment{background-position:-36px top }
.icos a.icoview{background-position:-54px top }
.icos .icoshare{background-position:-72px top;position: relative; }
.icos a.supported,
.icoenable a.icosupport:hover{background-position: left -18px}
.icos a.liked,
.icoenable a.icolike:hover{background-position:-18px -18px }
.icoenable a.icocomment:hover{background-position:-36px -18px }
.icoenable a.icoview:hover{background-position:-54px -18px }
.icoenable .icoshare:hover,.icoenable .hover{background-position:-72px -18px }
.icos .icoshare .sharebtn{display:none;position: absolute;width: 100%;height: 23px;border:1px #eee solid;top:0;left:-2px;border-bottom:0;}
.icos .hover .sharebtn{display: block;}
.icos .icoshare .sharebtnwrapper{width:100%;position: absolute;right:-1px;top:22px;border:1px #eee solid;background: #fff;border-top:0;}
.icos .icoshare .sharebtnwrapper a{text-align: center;}
.icos .icoshare .share{display: block;height: 22px;width:22px;background:url(../images/share.png) 1px center no-repeat;opacity:.5;}
.icos .icoshare .share:hover{opacity:1;}
.icos .icoshare .sharetsina{}
.icos .icoshare .sharetqq{background-position: -52px}
.icos .icoshare .shareqzone{background-position: -105px}
.icos .icoshare .sharewechat{background-position: -150px}
.icos .iline .icoshare .sharebtn{display: block;right:-100px;left:auto;right:-154px;top:0px;border: 0}
.icos .iline .icoshare .sharebtnwrapper{position: static;white-space: nowrap;float: right;width: auto;border:0;}
.icos .iline .icoshare .share{display: inline-block;width: 22px;}
.icos .iline .icoshare .share:hover{}

/** 弹出框样式 **/
#jmodal-overlay{width:100%;position: absolute;left: 0;top: 0;background-color: #7f7f7f;opacity: 0;z-index: 200}
#jquery-jmodal{z-index: 202;height: auto;padding:30px;background:#fff;position:absolute;opacity: 0}
#jquery-jmodal-bg{z-index: 201;position: absolute;background-color: #555;padding:30px;}
#jquery-jmodal-close{position:absolute;right:-17px;top:-17px;width: 35px;height: 35px;background:url(../images/closer.png) center center no-repeat;_background-image:url(../images/closer_ie6.png);cursor: pointer;opacity:.6;filter:alpha(opacity=60);}
#jquery-jmodal-close:hover{opacity:1;filter:alpha(opacity=100);}
#jmodal-container-title{line-height:66px;height: 66px;font-size: 22px;white-space: nowrap;border-bottom: 1px #bcbec0 solid;}
#jmodal-container-content{height: auto;padding: 10px 0}
#jmodal-container-bottom{padding: 10px 0;}
#jmodal-bottom-okbutton{background-color: #000;border: #000 2px solid;color: #fff;cursor: pointer;font-size: 16px;line-height:35px;text-align: center;display: block;}

/** 提示层样式 **/
.jquery_tips p,.jquery_tips span{height:52px;}
.jquery_tips{font-size:14px;width:120px;position:absolute;z-index: 9999;background:#fff;border:2px #999 solid;}
.jquery_tips .right{width:5px;}
.jquery_tips .left{width:14px;}
.jquery_tips .stat{width:32px;float:left;display:inline;margin-right:4px;background: url(../images/tip_ico.png) center top no-repeat}
.jquery_tips .main{white-space:nowrap;margin:0;line-height:52px;float:left}
.jquery_tips .main .okay{background-position:center -156px;}
.jquery_tips .main .warn{background-position:center -208px;;}
.jquery_tips .main .error{background-position:center top;}
.jquery_tips .main .stop{background-position:center -52px;}
.jquery_tips .main .info{background-position:center -104px;}
.jquery_tips .main .load{background:url(../images/load.gif) center center no-repeat;}

.tipbox{margin-bottom: 10px;border:1px #ddd solid;line-height: 40px;padding:5px;padding-left: 20px;}
.tipbox img{float: left;margin-right:8px;}

/** 通知样式 **/
.nav-notice { z-index: 1000; line-height: 1.5em; position:absolute }
.nav-notice .box { width: 188px; box-shadow: 1px 1px 2px #ccc; -moz-box-shadow: 1px 1px 2px #ccc; -khtml-box-shadow: 1px 1px 2px #ccc; -webkit-box-shadow: 1px 1px 2px #ccc; text-align: left; color: #888; border: 1px solid #d1b07c; border-radius: 4px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; background-color: #ffffda; position: relative; z-index: 1000 }
:root .nav-notice .box { width: 182px }
.nav-notice-shadow { position: absolute; z-index: 999; right: -2px; bottom: -2px; background-color: #eee; padding: 1px }
.nav-notice-shadow div { width: 100%; height: 100%; background-color: #ddd }
.nav-notice .arrow { position: absolute; left: 19px; top: -10px; z-index: 1001 }
:root .nav-notice .arrow { top: -9px\0\9 }
.nav-notice .arrow { top: -9px\0 }
.nav-notice .nav-close{background:url(../images/nav-close.gif) 2px center no-repeat;position:absolute;right:4px;top:4px;width:16px;height:16px;cursor:pointer;}
.nav-notice .nav-close:hover{background:url(../images/nav-close.gif) -18px center no-repeat;}
.nav-notice .arrow em, .nav-notice .arrow span { height: 19px; width: 17px; font-family: Simsun; font-size: 16px; line-height: 21px; overflow: hidden; position: absolute }
.nav-notice .arrow em { color: #d1b07c; font-style: normal }
.nav-notice .arrow span { color: #ffffda; top: 2px }
.nav-notice .con-notice {padding: 8px 8px 4px;}

#topslide{height:380px; width: 100%;overflow: hidden;position: relative;}
#topslide .slidebtn {position: absolute;z-index:2;width: 50px;height: 100px;top:110px;background:url(../images/arrow.png) left center no-repeat;_background-image:url(../images/arow.png);}
#topslide .slideleft{left:10px;}
#topslide .slideright{right:10px;background-position: right center}
#topslide ul{width: 2000px;height: 380px;overflow: hidden;}
#topslide li{float: left;position: relative;height: 380px;width:507px;overflow: hidden;text-align: center;}
#topslide li img{}
#topslide li div.desc{position: absolute;left:0;top:380px;background:url(../images/tbg.png);_background:none;width: 100%;height: 125px;text-align: left;}
#topslide li div.desc a{border:2px #fff solid;line-height: 35px;padding:0 20px;color: #fff;position:absolute;top:50%;margin-top:-18px;right:16px;}
#topslide li div.desc p{margin:30px 0 0 16px;color: #fff}
#topslide li div.mask{position:absolute;width: 100%;height: 380px;left:0;top:0;background:#000;opacity: 0;filter:alpha(opacity=0);}
#topslide li.mask div.mask{opacity: .4;filter:alpha(opacity=40);}
#topslide li.hover div.desc{top:255px;}

#navigation {padding-top: 30px}

#navigation .memlinks{line-height: 35px;width: 274px;}
#navigation .memlinks a{padding: 0 20px;float: left;}
#navigation .memlinks a.button{float:right;color: #fff;background:#000;padding: 0 40px;display: inline-block;line-height: 31px;border:2px #000 solid;}
#navigation .memlinks a.button:hover{background:#fff;color: #000}
#navigation .logo img{display: block;}
#navigation .invite a{float: right;width: 274px;text-align: center;color: #fff;background:#444;line-height: 38px; }
#navigation .invite a:hover{background:#000;box-shadow: 1px 1px 3px #444;}
#navigation .topinfo{width: 620px;overflow: hidden;}
#navigation .topinfo .single{display:block;line-height: 38px;font-size: 34px;color: #0837ef;text-indent: -99em;background:url(../images/memo.png) left center no-repeat;}
#navigation .thlogin div{color: #000;background:#fff;border:2px #000 solid;height: 34px;line-height: 34px;width: 270px;text-align: center;}
#navigation .thlogin a{background:url(../images/ico/qq.png) 2px center no-repeat;padding-left: 26px;}
#navigation .thlogin a.sina{background: url(../images/ico/sina.png) left center no-repeat}


#ajaxloginbox{width: 334px;}
#ajaxloginbox .ltext{line-height: 3em;font-size: 90%}
#ajaxloginbox .thlogin div{color: #000;background:#fff;border:2px #000 solid;height: 34px;line-height: 34px;width: 330px;text-align: center;margin:0 auto;}
#ajaxloginbox .thlogin a{background:url(../images/ico/qq.png) 2px center no-repeat;padding-left: 26px;display: inline-block;}
#ajaxloginbox .thlogin a.sina{background: url(../images/ico/sina.png) left center no-repeat}
#ajaxloginbox .thlogin span{padding:0 20px;}
#ajaxloginbox .formline{padding-bottom: 8px}
#ajaxloginbox .formline label span{background:none;border:0;}
#ajaxloginbox label{float:none;display: block }
#ajaxloginbox .linkline{line-height: 2em;padding-bottom: 20px}
#ajaxloginbox .checkcodeline{position: relative;}
#ajaxloginbox .checkcodeline .text{width: 160px}
#ajaxloginbox .checkcodeline img{position: absolute;right: 3px;top:3px;}
#ajaxloginbox form{padding-top: 30px}

#topsearch{border:1px #ddd solid;}
#topsearch.focus{border:1px #000 solid;box-shadow: 0 0 1px 1px #bbb}
#topsearch input,#topsearch label,
#topsearch input:hover,#topsearch input:focus{float: left;border:0;background:none;box-shadow: none}
#topsearch.focus input.button{background-position: -55px -74px;}
#topsearch label{padding:5px 10px;}
#topsearch input.text{width:220px;line-height: 25px;height: 25px; }
#topsearch input.button{width: 35px;height: 35px;background:url(../images/ico_sprite.png) -1px -74px;}

#navigation nav{width: 350px;overflow: hidden;}
#navigation nav ul{width: 350px;}
#navigation nav li{float: left;padding-right: 35px;line-height: 37px;}
#navigation nav li a{font-weight: bold;font-size: 14px;}
#navigation nav li a.current{color:#375cf2 }

#indexcontainer{padding-top: 30px;}

#container{width: 615px;padding: 30px 20px 30px 0;border-right: 1px #ddd solid;min-height: 500px;}

#container .about_privacy{background:url(../pic/privacy.jpg) center top no-repeat;padding:540px 0 0 183px;height: 358px;}
#container .about_jobs{background:url(../pic/jobs.jpg) center bottom no-repeat;padding:50px;height: 1435px;}

.pagination{line-height: 2em;font-size: 110%;color: #666;padding-bottom: 40px;text-align: right;}
.pagination a{display: inline-block;padding: 0 20px;border: 2px #FFF solid;}

#sidebar{width: 274px;padding-top:30px;}
#sidebar .member{padding-bottom:20px;border-bottom:  1px #ddd solid}
#sidebar .member .avatar img{display: block;}
#sidebar .member .ulinks,
#sidebar .member .uname{width:179px;overflow: hidden;}
#sidebar .member .ulinks{line-height: 1em;font-size: 90%;}
#sidebar .member .ulinks .first{padding:0 15px 0 0;border-left:0;}
#sidebar .member .ulinks a{padding:0 15px;border-left:1px #eee solid;white-space: nowrap;color: #999}
#sidebar .member .ulinks a.actived{color: #375cf2}
#sidebar .member .uname{line-height: 34px;}
#sidebar .member .newbox{height: 24px;line-height: 20px;margin-top:10px;}
#sidebar .member .newbox a.message{width: 35px;height:24px;background: url(../images/ico_sprite.png) -3px -109px no-repeat;}
#sidebar .member .newbox a.pubworks{border:2px #000 solid;width: 144px;color: #000;background: #fff;text-align: center;}
#sidebar .member .newbox a.pubworks:hover{color: #fff;background:#000;}

#sidebar .backlink a{display: block;color: #fff;background:#444;text-align: center;line-height:38px;margin:10px 0;}
#sidebar .backlink a:hover{background:#000;box-shadow:1px 1px 3px #444;}

#sidebar .backlink2 a{display: block;color: #fff;background:#444;text-align: center;line-height: 30px;margin:10px 0; width:80%}
#sidebar .backlink2 a:hover{background:#000;box-shadow:1px 1px 3px #444;}

#sidebar .newjoin{padding-top:20px;}
#sidebar .newjoin h2{color: #555;line-height: 28px;}
#sidebar .newjoin li{padding:20px 0;}
#sidebar .newjoin li a.img{margin-bottom: 15px;display: block;width: 274px;height: 206px;overflow: hidden;}
#sidebar .newjoin li a.detail{margin-top:7px;line-height: 24px;border:2px #000 solid;width: 80px;text-align: center;color: #444}
#sidebar .newjoin li a.detail:hover{color: #fff;background:#000;}
#sidebar .newjoin li img{display: block;}
#sidebar .newjoin li div.info{width: 114px;padding-left: 10px;overflow: hidden;font-size: 90%}
#sidebar .newjoin li div.info h3{line-height: 1em;}
#sidebar .newjoin li div.info p{color: #999;font-size: 90%;white-space: nowrap;line-height: 1em;padding-top:9px;}

#sidebar .category{line-height: 34px;}
#sidebar .category li{padding-bottom:2px;}
#sidebar .category li a{border:2px #fff solid;display: block;text-align: center;font-size: 90%}
#sidebar .category li a:hover{border:2px #595758 solid;color: #000}
#sidebar .category li.current a,
#sidebar .category li.current a:hover{border:2px #0737ef solid;}

#sidebar .contact {margin-top: 20px;}
#sidebar .contact h3{line-height: 36px;border:1px #999 solid;text-align: center;}
#sidebar .contact .icontent{padding:20px 0;line-height: 2em;font-size: 90%;color: #000}
#sidebar .sideinfo{line-height: 3em;font-size: 80%;padding-bottom: 20px;}
#sidebar .sideinfo .welcome{line-height: 65px;font-size: 32px;}

footer{background: #000;padding:30px 0;color:#fff;margin-top: 40px;}
footer .wrapper{position: relative;}
footer .qrcodes{position: absolute;right: 0;top:-270px;width: 260px;height: 260px;background:url(../images/tbg.png);padding:5px;display: none;}
footer a{color: #fff}
footer .infos{padding-top: 10px;}
footer .infos a,footer .infos span{float: left;display: inline;margin-right: 14px}
footer .infos span{padding-left: 5px;}
footer .logo{width: 260px;line-height: 36px;}
footer .logo img{margin-top: 6px;}
footer .logo a{float: left;margin-left:5px;}
footer .bico{width: 36px;height: 36px;display: inline-block;background: url(../images/ico_sprite.png) -5px -37px #fff;}
footer .weibo{background-position: -50px -36px;}

/** Index Style **/
#maincontainer .showgroup{}
.showgroup img{/*display: block;*/}
.showgroup dl a{display: block;line-height: 22px}
.showgroup .author a{padding-top:10px;border-top: 3px #000 solid;font-weight: bold;white-space: nowrap;width: 140px;overflow: hidden;}
.showgroup .author p.info{color: #999;white-space: nowrap;clear: both;font-size: 90%;padding:5px 0;}
.showgroup .title{font-weight: bold;white-space: nowrap;}
.showgroup .link a{display:block;text-align:center;border:2px #000 solid;line-height: 35px;}
.showgroup .link a:hover{color: #fff;background:#000;}
.showgroup .desc h4{font-weight: bold;float: left;}
.showgroup .icos{}
.showgroup dl.topshow{position: relative;margin-bottom: 35px}
.showgroup dl.topshow dt{float: left;}
.showgroup dl.topshow dt a{width: 620px;height: 465px;overflow: hidden;background:#f1f1f1;text-align: center;}
.showgroup dl.topshow dd{float: right;width: 274px;}
.showgroup dl.topshow .title{margin:20px 0;}
.showgroup dl.topshow .link{margin:20px 0;}
.showgroup dl.topshow .link a{width:136px;}
.showgroup dl.topshow .icos{position: absolute;right: 0;bottom:0;}
.showgroup dl.firstshow{margin-bottom: 35px}
.showgroup dl.firstshow dt{margin-bottom: 30px;}
.showgroup dl.firstshow dt a{text-align: center;width: 620px;height: 465px;overflow: hidden;background:#f1f1f1;}
.showgroup dl.firstshow dd.left{width: 141px;}
.showgroup dl.firstshow dd.right{width: 411px;}
.showgroup dl.firstshow .author{padding-top: 5px;width: 141px;}
.showgroup dl.firstshow .desc{height: 72px;}
.showgroup dl.firstshow .desc h4{}
.showgroup dl.firstshow .desc div{font-size: 90%}
.showgroup dl.firstshow .author,
.showgroup dl.firstshow .link{float: left;width: 137px;overflow: hidden;}
.showgroup dl.firstshow .title,
.showgroup dl.firstshow .desc,
.showgroup dl.firstshow .icos{float: right;width:411px; }
.showgroup dl.item{float: left;width: 295px;margin-right: 19px;overflow: hidden;}
.showgroup dl.last{margin-right: 0}
.showgroup dl.item dt{}
.showgroup dl.item dt a{width: 300px;height: 226px;overflow: hidden;background:#f1f1f1;text-align: center;}
.showgroup dl.item dd.left{width: 126px;}
.showgroup dl.item dd.right{width: 156px}
.showgroup dl.item .icos{padding: 15px 0;height: 18px}
.showgroup dl.item .author{padding-top: 5px;}
.showgroup dl.item .desc h4{float: left;}
.showgroup dl.item .desc div{font-size: 90%}
.showgroup dl.item .author,
.showgroup dl.item .link{float: left;width: 126px;overflow: hidden;}
.showgroup dl.item .title,
.showgroup dl.item .desc{float: right;width: 156px}


/** List Style **/
.resumelist{}
.resumelist img{display: block;}
.resumelist dt div.view{width: 411px;height: 308px;overflow: hidden;}
.resumelist dt .list{height: 308px;overflow: hidden;}
.resumelist dt .list li{margin-bottom: 22px;width: 189px;height: 143px;overflow: hidden;}
.resumelist dd{padding-top: 30px;}
.resumelist dd a.detail{line-height: 24px;border:2px #000 solid;width: 80px;text-align: center;color: #444;float: right;}
.resumelist dd a.detail:hover{color: #fff;background:#000;}
.resumelist dd div.infos{width: 200px;}
.resumelist dd div.infos a.avatar{float: left;margin-right: 20px;}
.resumelist dd div.infos a.avatar img{width: 50px;height: 50px;}
.resumelist dd div.infos a.title{float: left;width: 130px;border-top: 2px #000 solid;line-height: 32px;padding-top: 5px;}
.resumelist dd div.infos p{padding-top: 5px;line-height: 1em;font-size: 90%;color: #999}
.resumelist dd div.icos{clear: left;margin-top: 20px;}
.resumelist dd div.desc{width: 252px;padding-left: 20px;}
.resumelist dd div.desc h3{line-height: 1em;margin-bottom: 5px;font-weight: bold;}
.resumelist dd div.desc div{font-size: 90%;line-height: 1.6em;}


.workslist{}
.workslist .member img{display: block;}
.workslist dt.infos{width: 191px;height: 382px;position: relative;}
.workslist dt.infos .member{padding-bottom: 25px;border-bottom: 2px #000 solid}
.workslist dt.infos .member a.avatar{margin-right: 15px;}
.workslist dt.infos .member a.avatar img{width: 50px;height: 50px;}
.workslist dt.infos .member h3{/*float:left;*/margin-top:15px;}
.workslist dt.infos .member p{float:left;font-size: 80%}
.workslist dt.infos .desc{padding-top: 20px;}
.workslist dt.infos .desc h4{font-weight: bold;font-size: 90%;}
.workslist dt.infos .desc div{font-size: 80%}
.workslist dt.infos a.detail{line-height: 26px;border:2px #000 solid;width: 108px;text-align: center;color: #444;float: left;margin-top:20px;}
.workslist dt.infos a.detail:hover{color: #fff;background:#000;}
.workslist dt.infos div.icos{position: absolute;left: 0;bottom: 0;width: 100%}
.workslist dd.images{width: 400px;}
.workslist dd.images .view{width: 400px;height: 300px;overflow: hidden;text-align: center;}
.workslist dd.images .list{width: 400px;height:68px;overflow: hidden;margin-top:14px;}
.workslist dd.images .list ul{width: 1000px}
.workslist dd.images .list li{float: left;margin-right: 14px;width: 90px;height: 68px;overflow: hidden;}

.searchlist li{width: 300px;height: 500px;overflow: hidden;}
.searchlist li div.image{width: 300px;height: 227px;overflow: hidden;text-align: center;}
.searchlist li div.icos{margin-top:15px;height: 45px;}
.searchlist li div.left{width: 127px;overflow: hidden;}
.searchlist li div.right{width: 155px;overflow: hidden;}
.searchlist li div.right h4{float: left;font-weight: bold;}
.searchlist li .author a.title{display:block;padding-top:10px;border-top: 3px #000 solid;font-weight: bold;white-space: nowrap;width: 140px;overflow: hidden;}
.searchlist li .author a.link{display:block;line-height: 32px;border:2px #000 solid;text-align: center;color: #444;margin-top:10px;}
.searchlist li .author a.link:hover{color: #fff;background-color: #000}
.searchlist li h2.title{line-height: 1em;margin-bottom: .5em;font-weight: bold;white-space: nowrap;}

/** Forms **/
.formline{line-height: 16px;padding-bottom: 20px;height: 36px;}
.formline label{float:left;height: 16px;padding:10px 0;border:1px #e8e8e8 solid;}
.formline label span{line-height: 17px;float:left;font-size: 90%;border-right: 2px #e8e8e8 solid;width: 48px;padding-right: 19px;text-align: right;background:url(../images/formstar.png) right center no-repeat;}
.formline label input.text{border:0;background:0;display: block;height: 16px;font-size: 90%}
.formline label input.text:focus,
.formline label input.text:hover{border:0;box-shadow: 0 0 0;}
.submitline input.button{width: 100%;background:#000;border:0;color: #fff;font-size: 90%;text-align: center;height: 36px;line-height: 32px;border:2px #000 solid;cursor: pointer; float:right}
.submitline input.button:hover{background:#fff;color: #000}
.submitline input.button2{width: 537px;background:#000;border:0;color: #fff;font-size: 90%;text-align: center;height: 36px;line-height: 32px;border:2px #000 solid;cursor: pointer; float:right;margin-right: 7px;}
.submitline input.button2:hover{background:#fff;color: #000}


.registerbox{padding:0 319px 300px 0;background-position: right top;background-repeat:  no-repeat}
.registerbox .formline{padding-bottom: 50px;}
.registerbox .formline label{width: 300px;}
.registerbox .formline label input.text{width: 220px;padding-left:10px;border:0;padding:0 5px;}
.registerbox .formline label input.text:focus,
.registerbox .formline label input.text:hover{padding:0 5px}


/** Visual Style **/
.workplace{}
.workplace .tools{width: 275px;overflow: hidden;padding:20px 0 15px 0;border-bottom: 1px #ddd solid;font-size: 12px;}
.workplace .tools ul{width: 280px;}
.workplace .tools li{float: left;width: 65px;height: 65px;margin:0 5px 5px 0;background: #bcbec0;}
.workplace .tools li.tool a{display: block;padding-top: 40px;background:url(../images/button.png) left top no-repeat;text-align: center;}
.workplace .tools li.tool a:hover{border:1px #606163 solid; }
.workplace .tools li.zoombig a{background-position: left -451px}
.workplace .tools li.zoombig a:hover{background-position: right -451px}
.workplace .tools li.zoomsmall a{background-position: left -388px}
.workplace .tools li.zoomsmall a:hover{background-position: right -388px}
.workplace .tools li.lines a{background-position: left -325px}
.workplace .tools li.lines a:hover{background-position: right -325px}
.workplace .tools li.reset a{background-position: left -262px}
.workplace .tools li.reset a:hover{background-position: right -262px}
.workplace .tools li.text a{background-position: left -199px}
.workplace .tools li.text a:hover{background-position: right -199px}
.workplace .tools li.copy a{background-position: left -136px}
.workplace .tools li.copy a:hover{background-position: right -136px}
.workplace .tools li.upload a{background-position: left -73px}
.workplace .tools li.upload a:hover{background-position: right -73px}
.workplace .tools li.publish a{background-position: left -10px}
.workplace .tools li.publish a:hover{background-position: right -10px}

/** Member Style **/
.memberwlist{
    display: block;
}
.memberwlist dd{width: 400px;}
.memberwlist dt{width: 194px;overflow: hidden;}
.memberwlist .del{width: 100%;text-align:right; font-size:12px; color:#999;  cursor:pointer}
.memberwlist .del a{color: #B1B1B1;}
.memberwlist dt .info{border:2px #000 solid;border-left:0;border-right: 0;min-height: 300px;_height:240px;}
.memberwlist dt .info h2{font-weight: bold;}
.memberwlist dt .info h1{font-weight: bold;white-space: nowrap;margin-top: 30px;}
.memberwlist dt .info h1 .action{top:-21px;font-weight: normal;}
.memberwlist dt .info h1 .cancel{top:-21px;font-weight: normal;}
.memberwlist dt .info h1 input{width: 142px;}
.memberwlist dt .info .story{margin-top:20px;}
.memberwlist dt .info .story .content{overflow: hidden;word-break: break-all;}
.memberwlist dt .info .story .allcontent{overflow: hidden;word-break: break-all;}
.memberwlist dt .info .story textarea{width: 182px;height: 150px}
.memberwlist dt .info .showmore{ width: 182px;text-align:right; font-size:12px; color:#999; font-style:italic; cursor:pointer}
.memberwlist dd.images{width: 400px;}
.memberwlist dd.images .view{width: 400px;height: 300px;overflow: hidden;text-align: center;}
.memberwlist dd.images .list{width: 400px;height: 73px;overflow: hidden;margin-top:14px;}
.memberwlist dd.images .list ul{width: 1000px}
.memberwlist dd.images .list li{float: left;margin-right: 14px;width: 90px;height: 73px;overflow: hidden;text-align: center;}
.memberwlist dd.comment{padding:60px 0;}
.memberwlist dd.clear{width: 100%}
.memberico .iline{padding:10px 0;border-bottom:1px #d1d3d4 solid;height: 18px;}
.memberico .last{border:0;}
.memberico .icos a{width: 100%}

#clipbox{padding-bottom: 20px;}
#clipbox .frame{width: 400px; height: 400px;float:left;margin-right:100px;overflow: hidden; display:table-cell;font-size:350px; text-align:center; vertical-align:middle;}  <!--20140326-->
#clipbox .frame img{max-width:400px;width:expression(document.body.clientWidth > 400? "400px": "auto");vertical-align:middle; border:0;}
#preview{ float: left;position: relative;overflow: hidden;width: 100px;height: 100px;}
#preview img{position: relative;width: 100px;}
#clipbox .clipbtn{float:left;width:100px;margin-top:20px;line-height: 28px;border:2px #000 solid;color: #000;text-align: center;}

.textline{padding: 8px 0}
.editline label,
.textline label{float: left;width: 70px;line-height: 34px;}
.textline .text{float:left;border:1px #ccc solid;height:24px;line-height: 24px;padding:4px 5px;}
.textline .selectbtn{float: left;border:1px #ccc solid;line-height: 32px;padding: 0;width: 60px;text-align: center;overflow: hidden;position: relative;background:url(../images/progress.png) -100px top repeat-y;}
.textline .selectbtn input{width: 100px;height: 100px;position: absolute;right: 0;top:0;opacity: 0;-ms-filter:alpha(opacity=0);filter:alpha(opacity=0);}
.textline .selectbtn:hover{background-color:#f9f9f9;}
.textline .selectbtn:active{background-color: #eee}
.editline{padding:8px 0;}
.submitline{margin-top:20px;}

.messagelist dt{width: 202px;}
.messagelist dt .userinfo{}
.messagelist dt .userinfo .avatar{width: 40px;height: 40px;padding-right: 10px;}
.messagelist dt .userinfo .avatar img{width: 40px;height: 40px;}
.messagelist dt .detail {display: block;margin-top: 23px;text-align: center;border:2px #000 solid;background:#fff;line-height: 26px;}
.messagelist dt .detail:hover{background:#000;color: #fff}
.messagelist dd.content{width: 369px;border:1px #d1d3d4 solid;}
.messagelist dd.content div.content{padding:10px 14px;}
.messagelist dd.content div.info{padding:0 10px 15px 15px;}
.messagelist dd.clear{padding-top:50px;}

.workpublish .text{width: 525px;}
.workpublish .imagetext{width: 477px;}
.workpublish textarea{width: 525px;height: 300px;float: right;margin-right: 7px;}

.forgotform .text{width: 262px;}
.forgotform .textline{padding:7px 0;}
.forgotform .submitline{padding-top:15px;}

.profile{width: 241px;}
.profile label.radio{width: 53px;}

/** Other Styles **/
.inviteform{padding-top:32px;border-top:1px #d1d3d4 solid;}
.formsline{margin-bottom: 30px}
.formsline .text{border:1px #c3c5c7 solid;padding:5px;line-height:24px;height:34px;width: 262px;}
.formsline textarea.text{height: 85px}


#part{width: 550px;margin:40px auto 140px auto;}
#messagepage{}
#messagepage .titlemsg{font-size: 16px;font-weight: bold;text-align: center;line-height: 2em;}
#messagepage .contentmsg{text-align: center;}
#messagepage .contentmsgdesc{color:#999;padding:10px;margin:5px 0 20px 0;}
#messagepage .contentmsg ul{text-align: center;line-height: 2em;padding-top: 10px}
#messagepage .contentmsg ul li{display: inline-block;margin:0 10px;}
#messagepage .contentmsg ul li a{font-weight: bold;border:1px #000 solid;display: inline-block;padding: 0 10px;}

.editable,.editable2{position: relative;}
.editable .action,.editable .cancel,.editable2 .action,.editable2 .cancel{position: absolute;right:2px;top:0;font-style: italic;}
.editable .action{}
.editable .cancel,.editable2 .cancel{display: none}
.editable .cancel:hover,.editable2 .cancel:hover{color: #d00}
.editing .action{right:32px;top:0;}
.editing .cancel{display: block}
.saving .action{right: 2px}
.saving .cancel{display: none}


.commentform{}
.commentform .info{padding:10px 0;}
.commentform .info h3{width: 50px;font-size: 90%}
.commentform form{position: relative;}
.commentform textarea{line-height: 1.4em;width: 313px;padding-right:80px;height: 28px;}
.commentform textarea#replay{line-height: 1.4em;width: 290px;padding-right:80px;height: 28px;}
.commentform .subbtn{width: 80px;height: 34px;line-height: 34px;border:1px #d7d9d8 solid;position: absolute;right:0;bottom:0;text-align: center;background:#fff; z-index:99}
.commentform input.hover{border-color: #444}

.messageform{padding-bottom: 40px;}
.messageform .info{padding:10px 0;}
.messageform .info h3{width: 50px;font-size: 90%}
.messageform form{position: relative;}
.messageform textarea{line-height: 1.4em;width: 533px;padding-right:80px;}
.messageform .subbtn{width: 80px;height: 34px;line-height: 34px;border:1px #d7d9d8 solid;position: absolute;right:0;bottom:0;text-align: center;background:#fff;}
.messageform input.hover{border-color: #444}

.commentlist{}
.commentlist li{position: relative;padding:25px 0 25px 38px;border-bottom: 1px #d2d4d3 solid}
.commentlist li a.avatar{position: absolute;left:0;top:25px;width: 30px;height: 30px;overflow: hidden;}
.commentlist li a.avatar img{width: 30px;height: 30px;}
.commentlist li a.name{display: block;color: #a9a9ab;font-size: 100%;margin-bottom: 5px;line-height: 1.1em;}
.commentlist li .msgcont{line-height: 1.6em;font-size: 110%}
.commentlist li .info{color: #afafaf;}
.commentlist li .info a{color: #afafaf}
.commentlist li .info a:hover{color: #000}
.commentlist li .info span{cursor:pointer; color:#AFAFAF; float:right;}

.imageviewbox{float: left;width: 537px;}
.imageview{width: 100px;float:left;height: 100px;overflow: hidden;margin-right: 5px;padding-bottom:5px;}
.imageview img{display: block;width: 100px;height: 70px;}
.imageview a.ibtn{width: 40px;margin:2px 4px;float: left;line-height: 24px;border:1px #aaa solid;text-align: center;}
.imageview a.ibtn:hover{border-color:#333;}
.default .defaultibtn{background:#333;color: #fff}

.upavatarform .filewrapper{float: left;width:100px;height:28px;line-height:28px;overflow: hidden;position: relative;text-align: center;border:2px #000 solid;margin-top:20px;background:url(../images/progress.png) -100px top no-repeat;}
.upavatarform .filewrapper input{position: absolute;right:0;top:0;opacity: 0;filer:alpha(opacity=0);}
.upavatarform .usubmit{float:left;width:60px;text-align:center;height:28px;line-height:28px;border:2px #000 solid;background:#000;color: #fff;}

.membersideinfo{line-height: 1em; padding-top:20px;padding-bottom: 20px;border-bottom: 1px #ddd solid;}
.membersideinfo .eidt{ width:100%; float:left}
.membersideinfo .eidt a{ font-style:italic; float:right; margin-right: 10px; }
.membersideinfo .detail{ line-height:25px}
.membersideinfo .detail span{ padding-right: 20px;}

.membersideinfo .detail .action{top:-21px;font-weight: normal;}
.membersideinfo .detail .cancel{top:-21px;font-weight: normal;}
.membersideinfo .detail input {width: 270px;height: 20px;}
.membersideinfo .detail textarea {width: 270px;height: 150px;}

.membersideinfo2{line-height: 1em;font-size: 90%; padding-top:20px;padding-bottom: 20px;border-bottom: 1px #ddd solid;}
.membersideinfo2 .eidt{ width:100%; float:left}
.membersideinfo2 .eidt a{ font-style:italic; float:right; margin-right: 10px; cursor:pointer }
.membersideinfo2 .eidt:hover{ color: #375CF2; opacity:1 }
.membersideinfo2 .detail{ line-height:25px}
.membersideinfo2 .detail span{ padding-right: 0px;}
.membersideinfo2 .detail .action{top:-21px;font-weight: normal;}
.membersideinfo2 .detail .cancel{top:-21px;font-weight: normal;}
.membersideinfo2 .detail input {width: 270px;height: 15px; font-size:90%}
.membersideinfo .detail textarea {width: 270px;height: 150px;}


.memberwlist dt .info .story .editthis a,.memberwlist dt .info .story .editthis2 a {font-style: italic;cursor:pointer;float:right; margin-right: 6px; opacity: 0.5}
.memberwlist dt .info .story .editthis a:hover,.memberwlist dt .info .story .editthis2 a:hover{ color: #375CF2; opacity:1 }
.pubtime{color:#999}
.commre { background:#F2F2F3; margin-top:15px; padding:10px 5px;  width:95%}
.commre a.name2{display: block;color: #A9A9AB;font-size: 100%; float:left}
.commre span { display: block;float:left}

.wrapper .ad{ float:left; margin:0; padding:0px; width:100%; height:auto;}
.wrapper .ad img{ width:940px; height:1160px; margin:0 auto}
.wrapper .hdh{ float:left;width:100%; height:49px; background:url(../images/ldbg1_01.png) no-repeat; }
.wrapper .hdh h2{ height: 49px;font-size:48px; color:#0837ef; font-family:"微软雅黑"; font-weight:650; margin-left:78px ; margin-top:9px;}
.wrapper .hdc{ float:left;width:100%; height:auto; background:url(../images/ldbg1_02.png) repeat-y; }
.wrapper .hdc .hleft{ float:left;width:530px; height:auto; margin-top:20px}
.wrapper .hdc .hleft p{ font-size:16px; line-height:40px; margin-left:80px; font-weight:bold}
.wrapper .hdc .hright{ float:right;width:360px; height:auto;}
.wrapper .hdc .hxm{ float: left; width:300px; height:80px; margin-top: 30px;}
.wrapper .hdc .hxm img{float: left; width:149px; height:80px}
.wrapper .hdc .hxm .hxm_text{ float: left; font-size:18px; color:#0837ef; margin-left:20px; line-height: 28px;}
.wrapper .hdf{ float:left;width:100%; height:55px; background:url(../images/ldbg1_03.png) no-repeat; }
.wrapper .hd_data {float:left; width:229px; height:229px;background:url(../images/hdbg.png) no-repeat; margin-right:5px; }
.wrapper .hd_data .hd_data1{ width: 210px; height:auto; margin-top: 47px; }
.wrapper .hd_data .hd_data1 img{float: left; height:51px;margin-left: 29px;width:162px;}
.wrapper .hd_data .hd_data_t{ font-size:24px;line-height: 38px; margin-top: 10px; text-align: center;}
.wrapper .hdc .hdts{font-size:16px; line-height: 40px; margin-left:52px;margin-top: 30px; }
.blue{color:#0837ef;}
.wrapper .hdc .hdts a,.wrapper .hdc .hdts a:hover{ font-weight:800;color: #333;}
.wrapper .hd_data2 {float:left; width:229px; height:429px;background:url(../images/hdbg2.png) no-repeat; margin-right:5px; }
.wrapper .hd_data2 .hd_data21{ width: 220px;  margin-top: 45px;font-size:60px;line-height: 65px; text-align: center;}
.wrapper .hd_data2 .hd_data2_t{ font-size: 16px; line-height: 24px; margin-top: 50px; margin-left: 22px; width: 186px;}

.wrapper .hdc .hdyc{width:800px;  margin-left:70px;margin-top: 30px; }
.wrapper .hdc .hdyc table  td{border-bottom:0px; border-top:0px;border-left:0px;border-right:1px solid #fff; }

.wrapper .hdc .hdbm{width:790px; height:auto; margin:0 auto; margin-top:20px;}
.wrapper .hdc .hdbm table tr{height:38px; vertical-align: middle}
.wrapper .hdc .hdbm table tr input[type=text]{width:270px; height:28px; border: 1px #CCC solid;padding: 2px 5px; }
.wrapper .hdc .hdbm table tr input[type=checkbox]{width:28px; height:28px; border: 1px #CCC solid; padding: 2px 2px;}
.wrapper .hdc .hdbm table tr input[type=submit]{width:790px; height:40px; background:#221e1f; color:#FFF;font-size:16px;font-weight:bold; border:0; cursor:pointer}
.wrapper .hdzb {width:100%; height:330px;  border-top: 7px #221e1f solid;border-bottom: 7px #221e1f solid;}
.wrapper .hdzb  .hdzb_l{width:400px; height:310px;margin-top: 20px;float:left; font-size:14px; line-height:40px }
.wrapper .hdzb  .hdzb_r{width:470px; height:auto;margin-top: 20px;float:right; font-size:14px; line-height:32px ; color:#0837ef;}

.wrapper .hdlx{width:100%; height:auto;color:#221e1f}
.wrapper .hdlx .lxxx{width:564px; height:auto;border-right: 7px #221e1f solid; float:left}
.wrapper .hdlx .lxxx table{width:100%; font-size:14px; }
.wrapper .hdlx .lxxx table tr{width:100%; height:40px; vertical-align:middle}
.wrapper .hdlx .wxwb{width:340px; height:auto; float:right}

#vsearch{border: 2px solid #0837EF; height:39px; width:271px; font-size:12px} 
#vsearch input {border:0;background:none;box-shadow: none;width: 150px;line-height: 24px;height: 24px; padding-left:10px; float:left; margin-top:7px}
#vsearch input.text {}
#vsearch input.button {width: 86px;height: 24px;background: url(../images/button.jpg) no-repeat;float:right; margin-right:7px; margin-top:7px}

.workplace .tools .detail { height:27px;}
.workplace .tools li.yuanxuan a {display: block;padding-top: 42px;text-align: center;background: url(../images/yuan_b.png)  no-repeat;}
.workplace .tools li.pubu a {display: block;padding-top: 42px;text-align: center;background: url(../images/pubu_b.png)  no-repeat;}
.workplace .tools li.juzhen a {display: block;padding-top: 42px;text-align: center;background: url(../images/juzhen_b.png)   no-repeat;}
.workplace .tools li.gen a {display: block;padding-top: 42px;text-align: center;background: url(../images/genmulu_b.png)   no-repeat;}
.workplace .tools li.yuanxuan a:hover {display: block;padding-top: 42px;text-align: center;background: url(../images/yuan_w.png)  no-repeat;}
.workplace .tools li.pubu a:hover {display: block;padding-top: 42px;text-align: center;background: url(../images/pubu_w.png)  no-repeat;}
.workplace .tools li.juzhen  a:hover {display: block;padding-top: 42px;text-align: center;background: url(../images/juzhen_w.png)   no-repeat;}
.workplace .tools li.gen a:hover {display: block;padding-top: 42px;text-align: center;background: url(../images/genmulu_w.png)  no-repeat;}

.workplace .tools li.tupian a {display: block;padding-top: 42px;text-align: center;background: url(../images/tupian_w.png)  no-repeat;}
.workplace .tools li.shutu a {display: block;padding-top: 42px;text-align: center;background: url(../images/shutu_w.png)  no-repeat;}
.workplace .tools li.shutu_s a {display: block;padding-top: 42px;text-align: center;background: url(../images/shutu_s_w.png)   no-repeat;}
.workplace .tools li.baocun a {display: block;padding-top: 42px;text-align: center;background: url(../images/baocun_w.png)  no-repeat;}
.workplace .tools li.tupian a:hover {display: block;padding-top: 42px;text-align: center;background: url(../images/tupian_b.png)   no-repeat;}
.workplace .tools li.shutu a:hover {display: block;padding-top: 42px;text-align: center;background: url(../images/shutu_b.png )no-repeat;}
.workplace .tools li.shutu_s a:hover {display: block;padding-top: 42px;text-align: center;background: url(../images/shutu_s_b.png)   no-repeat;}
.workplace .tools li.baocun a:hover {display: block;padding-top: 42px;text-align: center;background: url(../images/baocun_b.png) no-repeat;}

.workplace .tools .color { height:11px; width: 137px; float:left; margin-bottom: 8px;}
.workplace .tools .color a { height:11px; width: 19px; float:left; margin-right: 2px;}
.workplace .tools ul.inport li{float: left;width: 49px;height: 49px;margin: 0 5px 5px 0;  background:#FFF} 
#infile,#infile2,#infile3,#infile4,#infile5   {visibility: hidden; display:none}

.workplace .tools .select li:hover{ background:#0837EF;}
.workplace .tools .select li a:hover{ color:#FFF}
.workplace .tools .save li { background:#000}
.workplace .tools .save li a { color:#FFF}
.workplace .tools .save li:hover{ background:#BCBEC0}
.workplace .tools .save li a:hover{ color:#000}